<!-- 质量追溯（资产档案） -->
<ion-header>
    <ion-toolbar color="primary">
        <ion-buttons slot="start">
            <ion-back-button text=""></ion-back-button>
        </ion-buttons>
        <ion-title>质量追溯</ion-title>
    </ion-toolbar>
</ion-header>

<ion-content scrollY="false">
    <Tabs
            [page]="2"
            [useOnPan]="false"
            [swipeable]="false"
            [activeTab]="index"
            [tabBarActiveTextColor]="'#1890ff'"
            (onTabClick)="onTabClick($event)"
    >
        <TabPane [title]="titleTemplate">
            <ng-template #titleTemplate>
                <div>质保书</div>
            </ng-template>
            <div *ngIf="index==0">
                <!--  质保书  -->
                <app-quality-assurance></app-quality-assurance>
            </div>
        </TabPane>
        <TabPane [title]="titleTemplate1">
            <ng-template #titleTemplate1>
                <div>实验报告</div>
            </ng-template>
            <div *ngIf="index==1">
                <!--  实验报告 -->
                <app-experimental-report></app-experimental-report>
            </div>
        </TabPane>
    </Tabs>
</ion-content>
